*{
    padding: 0;
    margin: 0;
}
html,body{
    width: 100%;
    height: 100%;
    font-size: 27.8vw;
}
body >section{
    width: 3.28rem;
    margin:0 auto;
    /* background-color: aqua; */
    height: 100%;
    display: flex;
    flex-direction: column;
}
.title2{
    font-size: 0.18rem;
    font-weight: 700;
}
header{
    height: 0.44rem;
    /* background-color: aqua; */
    display:flex;
    align-items: center;
    justify-content:space-between;
}
.Ltitle{
    width: 2.15rem;
    line-height: 0.24rem;
    display: flex;
    align-items: center;
    font-size: 0.12rem
}
.Ltitle img{
    width: 0.24rem;
    height: 0.24rem;
}
header img:nth-of-type(1){
    width: 0.2rem;
    height: 0.2rem;
}

main{
    flex: 1;
    overflow: auto;
    /* background-color: brown; */
    padding-top:0.16rem;
}
main nav{
    display: flex;
    width: 100%;
    overflow: auto;
    justify-content: space-between;
    font-size: 0.14rem;
    gap: 0.16rem;
}
main nav span{
    white-space: nowrap;
}
.house-img{
    width: 100%;
    display: flex;
    overflow: auto;
    height: 1.92rem;
    margin-top: 0.16rem;
    gap: 0.1rem;
}
.house-img img{
    width: 3.18rem;
    height: 1.92rem;
}
.house-rent{
    width: 100%;
    font-size: 0.16rem;
    margin-top: 0.16rem;
    height: 0.95rem;
}
.house-rent div:nth-child(1){
    line-height: 0.3rem;
}
.discount{
    line-height: 0.2rem;
    margin-top: 0.08rem;
}
.discount img{
    width: 0.8rem;
    height: 0.2rem;
    font-size: 0.16rem;
}
.discount span{
    font-size: 0.12rem;
    color: #999999;
}
.house-info{
    height: 1.05rem;
    display: flex;
    gap: 0.04rem;
}
.house-Linfo{
    width: 1.62rem;
    height: 1.05rem;
    display: grid;
    grid-template-columns: 0.9rem 0.58rem;
    grid-template-rows: 0.525rem 0.525rem;
    background-color: #f8f9fc;
    box-sizing: border-box;
    padding-left: 0.14rem;
}
.house-Linfo div{
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
}
.house-Linfo div span:nth-child(1){
    color:#999999;
    font-size: 0.12rem;
    line-height: 0.22rem;
}
.house-Linfo div span:nth-child(2){
    color:#000000;
    font-size: 0.14rem;
    line-height: 0.22rem;
}
.house-Rinfo{
    width: 1.62rem;
    height: 1.05rem;
    display: flex;
    flex-direction: column;
    gap: 0.04rem;
    font-size: 0.12rem;
    line-height: 0.14rem;
}
.house-Rinfo >div{
    width: 1.62rem;
    height: 0.5rem;
    background-color: #f8f8fb;
    line-height: 0.14rem;
}
.lables{
    width: 3.28rem;
    height: 0.2rem;
    display: flex;
    gap: 0.14rem;
    font-size: 0.12rem;
    color: #000000;
    margin-top: 0.08rem;
}
.lables span{
    background-color: #F7F7F7;
}
.detail{
    font-size: 0.14rem;
    /* height: 2.7rem; */
    display: flex;
    flex-direction: column;
    gap: 0.16rem;
    position: relative;
}
.detail div span:nth-child(1){
    color: #999999;
}
.detail div span:nth-child(2){
    margin-left: 0.16rem;
}
.detail div span:nth-child(3){
    position: absolute;
    left:1.76rem;
    color: #999999;
}
.detail div span:nth-child(4){
    position: absolute;
    left: 2.2rem;
}
.detail article{
    height: 0.16rem;
    font-size: 0.1rem;
    color: #999999;
}
.renters{
    font-size: 0.14rem;
    margin-top: 0.32rem;
}
.renters > div:nth-child(1){
    line-height: 0.21rem;
    font-size: 0.18rem;
}
.a-renter{
    box-sizing: border-box;
    width: 3.28rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.14rem;
    height: 0.42rem;
    background-color: #FAF8FB;
}
.a-renter div:nth-of-type(1){
    display: flex;
    align-items: center;
    height: 0.42rem;
}
.a-renter div:nth-of-type(1) img{
    width: 0.34rem;
    height: 0.34rem;
}
.a-renter div:nth-of-type(2){
    display: flex;
    align-items: center;
    height: 0.42rem;
}
.equipment{
    margin-top: 0.32rem;
    font-size: 0.14rem;
}
.equipment img{
    height: 0.16rem;
    width: 0.16rem;
    margin-right: 0.04rem;
}
.equipment-public-content{
    display: grid;
    width: 3.258rem;
    height: 0.64rem;
    grid-template-columns:1.12rem 1.12rem 1.04rem;
    grid-template-rows: 0.32rem 0.32rem;
}
.equipment-public-content >div{
    margin-top: 0.16rem;
    display: flex;
    align-items: center;
    color: #666666;
    font-size: 0.14rem;
}
.equipment-privace{
    font-size: 0.14rem;
}
.equipment-privace-content{
    margin-top: 0.16rem;
    width: 3.28rem;
    height: 1.28rem;
    display: grid;
    grid-template-columns:1.12rem 1.12rem 1.04rem;
    grid-template-rows: 0.32rem 0.32rem 0.32rem 0.32rem;
}
.equipment-privace-content >div{
    display: flex;
    align-items: center;
    color: #666666;
    font-size: 0.14rem;
}
.guarantee{
    display: flex;
    flex-direction:column;
    gap: 0.04rem;
    font-size: 0.12rem;
}
.guarantee-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.16rem;
}
.guarantee-content img{
    width: 0.28rem;
    height: 0.28rem;
}
.guarantee-content-minbox{
    display: flex;
    align-items: center;
    gap: 0.1rem;
}
.guarantee-content-minbox >div{
    display: flex;
    flex-direction: column;
}
.guarantee-content-minbox >div span:nth-child(1){
    font-size:0.14rem; 
}
.guarantee-content-minbox >div span:nth-child(2){
    font-size:0.1rem;   
    color: #666666;
}
.guarantee-more{
    width: 3.28rem;
    line-height: 0.44rem;
    font-size: 0.12rem;
    color: #ABA9AC;
    text-align: center;
    margin-top: 0.24rem;
    margin-bottom: 0.16rem;
    border-radius: 4px;
    border: 1px solid #F5F5F5;
}

footer{
    height: 0.5rem;
    /* background-color: blue; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.14rem;
}
footer >div{
    width: 1.13rem;
    height: 0.34rem;
}
footer div:nth-child(1){
    display: flex;
    justify-content: space-between;
    width: 0.55rem;
}
.icon-box{
    width: 0.18rem!important;
    height: 100%;
    display: flex;
    flex-direction: column;
    font-size: 0.1rem;
    color: #666666;
    align-items: center;
}
.icon-box img{
    width: 0.18rem;
    height: 0.18rem;
}
.button-box{
    text-align: center;
    background-color: #24A17B;
    color: #FFFFFF;
    border-radius: 0.02rem;
    line-height: 0.34rem;
}